<template>
  <div class="publicBox" id="order_estailsCss">

<el-form ref="form"  class="demo-form-inline publicEditFrom" label-width="160px" label-position="left">

<el-row>
     <div class="pubPageTagP">
       <p>订单管理/订单详情</p>               
     </div>
</el-row>

<div>
    <el-row>
        <div class="pubPage">
        <p>订单信息</p>               
        </div>
    </el-row>

    <div class="warp">
        <div class="box">
            <p>订单时间：{{ChangeDateFormat(rowData.createtime,true)}}</p>
            <p>设备编码：{{rowData.equipmentno}}</p>
            <p>关联退款单：{{rowData.orderrefundno}}</p>
        </div>
            <div class="box">
            <p>订单编号：{{rowData.no}}</p>
            <p>设备类型：{{rowData.equipmenttypename}}</p>
        </div>
            <div class="box">
            <p>订单类型：{{rowData.ordertypename}}</p>
            <p>服务项目：{{rowData.servicesavailablename}}</p>
        </div>
            <div class="box">
            <p>状态：{{rowData.orderstatusname}}</p>
        </div>
    </div>
</div>

<div>
    <el-row>
        <div class="pubPage">
        <p>订单信息</p>               
        </div>
    </el-row>

    <div class="warp">
        <div class="box">
            <p>支付时间：{{rowData.orderpaytime}}</p>
            <p>订单金额：{{rowData.payamount}}</p>
        </div>
            <div class="box">
            <p>支付流水号：{{rowData.payamount}}</p>
            <p>支付金额：{{rowData.payamount}}</p>
        </div>
            <div class="box">
            <p>支付方式：{{rowData.orderpaytypename}}</p>
            <p>优惠金额：{{rowData.discountamount}}</p>
        </div>
            <div class="box box_p">
            <p>优惠类型：{{rowData.discounttype}}</p>
        </div>
    </div>
</div>

<div>
    <el-row>
        <div class="pubPage">
        <p>用户信息</p>               
        </div>
    </el-row>

    <div class="warp">
        <div class="box">
            <p>用户ID：<span style="color:#5DA5FE">{{rowData.uid}}</span></p>
        </div>
            <div class="box">
            <p>用户手机号：{{rowData.phone}}</p>
        </div>
    </div>
</div>

   <el-row>
        <div class="pubPage">
        <p>订单操作</p>               
        </div>
    </el-row>

<el-row class="pubSubmitBtn-row">
            <el-button class="pubBtnBlue105" type="primary" @click="submitForm()">生成退款单</el-button>
            <el-button class="pubBtnBlue105" @click="$canCleFn" type="primary">返回</el-button>
</el-row>
</el-form>
  </div>
</template>

<script>

export default {
  components: {


  },
  data() {
    return {
         rowData:{}

    }
  },
  // 计算属性，会监听依赖属性值随之变化
  computed: {


  },
  // 监控data中的数据变化
  watch: {


 },
  methods: {
    submitForm(){
        this.$router.push({path:"/platform/finance/refund_from"})
    }

  },
  created() {
           if(Object.keys(this.$route.query).length>0){
               let data=this.$route.query.data
               this.rowData=JSON.parse(data)
           }

  },
  mounted() {


  },
  beforeCreate() {}, // 生命周期 - 创建之前
  beforeMount() {}, // 生命周期 - 挂载之前
  beforeUpdate() {}, // 生命周期 - 更新之前
  updated() {}, // 生命周期 - 更新之后
  beforeDestroy() {}, // 生命周期 - 销毁之前
  destroyed() {}, // 生命周期 - 销毁完成
  activated() {}, // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>

<style lang="less" scoped>
 #order_estailsCss{
     display: flex;
     flex-direction: column;
        .pubPage{ 
            padding:0 0 10px 0;
            color: #a7a7a7;
            border-bottom: 1px dashed #000000;
        }
        .warp{
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            width: 1280px;
            // height: 100px;
            margin: 15px 0;
            .box{
                width: 260px;
                p{
                    margin-bottom: 5px;
                    font-size: 16px;
                }
                
            }
            .box_p{
                    margin-top: 28px;
                }
        }
    }
</style>